<template>
    <div class="container">
        <el-row>
            <el-col :span="12" class="d-flex flex-column justify-content-center" style="height: 280px;">
                <!-- <div class="main_title">不良资产风险化解</div> -->
                <div class="sub_title">不良资产风险化解</div>
                <div class="sub_title">数字化之路</div>
                <div class="text pt-4">不良资产风险化解平台，专为不良资产数据分析、客户画像、一键尽调和智慧营销等打造</div>
                <div class="my_button mt-5"><a href="/bi_frontend/home">进入控制台</a></div>
                <!-- <div class="my_button mt-5">进入控制台</div> -->
            </el-col>
            <el-col :span="12" class="d-flex justify-content-center align-items-center" style="height: 280px;">
                <div class="grid-content ep-bg-purple-light"></div>
            </el-col>
        </el-row>
    </div>
</template>
<script setup lang="ts">

</script>
<style scoped>
    .main_title {
        color: #60A600;
        font-size: 48px;
        font-weight: 700;
        line-height: 64px;
    }
    .sub_title {
        color: #1D428A;
        font-size: 48px;
        font-weight: 700;
        line-height: 64px;
    }
    .text {
        color: #111A05;
        font-size: 20px;
        font-weight: 400;
        line-height: 40px;
    }
    .my_button {
        font-size: 20px;
        font-weight: 600;
        color: #ffffff;
        background-color: #60A600;
        border-radius: 10px;
        box-shadow: 4px 4px 16px 0px #BBBCBA;
        padding: 16px 40px 16px 40px;
        width: 180px;
    }

    .my_button a {
        font-size: 20px;
        font-weight: 600;
        color: #ffffff;
        text-decoration: none;
    }
</style>